<%- include('header') -%>
<div class="container-fluid">
    <form class="row align-items-end sticky-top blur-bg-style shadow" style="top:56px;padding:1rem;">
        <div class="col-auto">
            <label for="textFilter" class="form-label">卡牌名称</label>
            <input type="text" placeholder="" name="textFilter" class="form-control" id="textFilter">
        </div>
        <div class="col-auto">
            <label for="minionType" class="form-label">种族</label>
            <select id="minionType" name="minionType" class="form-select">
                <% data.minionTypes.forEach(item => { %>
                    <option value="<%= item.value %>"><%= item.label %></option>
                <% }) %>
            </select>
        </div>
        <div class="col-auto">
            <label for="tier" class="form-label">等级</label>
            <select id="tier" name="tier" class="form-select">
                <option selected value="">所有</option>
                <% Array.from({length: 7}, (_, i) => i + 1).forEach(number => { %>
                    <option value="<%= number %>"><%= number %>&nbsp;&starf;</option>
                <% }) %>
            </select>
        </div>
        <div class="col-auto">
            <label for="sort" class="form-label">排序</label>
            <select id="sort" name="sort" class="form-select">
                <option selected value="tier:asc">等级：由低到高</option>
                <option value="tier:desc">等级：由高到低</option>
                <option value="attack:asc">攻击力：由低到高</option>
                <option value="attack:desc">攻击力：由高到低</option>
                <option value="health:asc">生命值：由低到高</option>
                <option value="health:desc">生命值：由高到低</option>
            </select>
        </div>
        <div class="col-auto">
            <label for="keywordSelect" class="form-label">关键词</label>
            <select id="keywordSelect" name="keywordSelect" class="form-select">
                <option selected value="">所有</option>
                <% data.keywords.forEach(item => { %>
                    <option value="<%= item.value %>"><%= item.title %></option>
                <% }) %>
            </select>
        </div>
        <div class="col-auto">
            <label for="bgGameMode" class="form-label">游戏模式</label>
            <select id="bgGameMode" name="bgGameMode" class="form-select">
                <option selected value="solos">单人模式</option>
                <option value="duos">双人模式</option>
            </select>
        </div>
        <div class="col-auto">
            <button type="submit" class="btn">搜索</button>
        </div>
    </form>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
    <div>card</div>
</div>
<script>
</script>
<%- include('footer') -%>
